body{
}

#header,
#parentInfo,
#childInfo,
#footer {
  display:inline;
  position:relative;
  float:left;
}

#header,
#footer {
  width: 100%;
  height: 60px;
  z-index=100;
}
      
#parentInfo {
  width:40%;
  height:50%; 
  color: #999999;
}

#childInfo {
  width:60%;
  height:50%;
}


/* for styling the block */
.block-level {
    width: 120px;
    height: 120px;
    margin: 20px;
    position: relative;
    float: left;
    padding: 20px;
/*     color: #fff; */
    text-shadow: 0 -1px 1px rgba(0,0,0,0.5);
    color: #000;
    text-shadow: 0 -1px 1px rgba(0,0,0,0.35);
}

.emphasize-darkActive {
  box-shadow: 0 0 5px 2px rgba(0,0,0,.35);
  background: #69D2E7;
}

.emphasize-darkTopup {
  box-shadow: 0 0 5px 2px rgba(0,0,0,.35);
  background: #D7DF01;
}

.emphasize-darkExpired {
  box-shadow: 0 0 5px 2px rgba(0,0,0,.35);
  background: #F5A9A9 ;
}

.emphasize-darkDefault {
  box-shadow: 0 0 5px 2px rgba(0,0,0,.35);
  background: #EBEBEB ;
}

.emphasize-light {
  box-shadow: 0 0 0 10px rgba(255,255,255,.25);
  background: #69D2E7;
}